<template>
    
 <div class=" w-screen  min-h-screen md:h-screen  overflow-y-hidden   bg-gradient-to-r from-blue-400 to-white ">
  <div class="relative">
    <homeNavbar/>

   
  </div>
  <div class=" flex justify-center items-center mt-5 md:mt-[100px]">
      <homeBody/>
  </div>
   <div class="  flex justify-center items-center mt-10 -ml-2 md:ml-0">
    <homeFooter/>
   </div>

 </div>

</template>

<script setup lang="ts">
import { nextTick, onMounted } from "vue";
import homeNavbar from "./home-comp/home-navbar.vue"
import homeBody from "./home-comp/home-body.vue"
import homeFooter from "./home-comp/home-footer.vue"
import  firstScreenStore    from '@/store/firstScreenStore'
import router from "@/router";
  const res_click  =firstScreenStore()
 

  nextTick(()=>{
    document.documentElement.addEventListener("click",()=>{
      res_click.isClick=false  //还要阻止点击事件的冒泡
    })
})



onMounted(()=>{
  console.log("object");
})

</script>

<style scoped lang="scss">
 


</style>

